<template>
  <page-header-wrapper>
    <a-card :bordered="false" class="ant-pro-components-tag-select">
      <a-row>
        <h2>资产名称: {{ form.name }}</h2>
      </a-row>
      <a-divider></a-divider>
      <a-row>
        <a-col :span="18">
          <a-form layout="inline">
            <a-row>
              <a-col :span="12">
                <a-form-item label="资产编号:">
                  {{ form.id }}
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item label="所属部门:">
                  {{ form.department }}
                </a-form-item>
              </a-col>
            </a-row>
            <a-row>
              <a-col :span="12">
                <a-form-item label="资产所属人:">
                  {{ form.owner }}
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item label="上次更新时间:">
                  {{ form.lastUpdatetime }}
                </a-form-item>
              </a-col>
            </a-row>
            <a-row>
              <a-col :span="12">
                <a-form-item label="安全等级:">
                  {{ form.safeLevel }}
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item label="软件数量:">
                  {{ form.softwareNum }}
                </a-form-item>
              </a-col>
            </a-row>
            <a-row>
              <a-col :span="12">
                <a-form-item label="主机是否为测试机:">
                  {{ form.isTest }}
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item label="操作系统版本:">
                  {{ form.system }}
                </a-form-item>
              </a-col>
            </a-row>
            <a-row>
              <a-col :span="12">
                <a-form-item label="主机IP:">
                  {{ form.IP }}
                </a-form-item>
              </a-col>
              <a-col :span="12">
                <a-form-item label="所有软件名称及版本:">
                  {{ form.softwares }}
                </a-form-item>
              </a-col>
            </a-row>
          </a-form>
        </a-col>
        <a-col :span="6">
          <assetDetailPie />
        </a-col>
      </a-row>
    </a-card>
  </page-header-wrapper>
</template>
<script>
import assetDetailPie from '@/components/Charts/ AssetDetailPie'
export default {
  name: 'AssetDetail',
  components: {
    assetDetailPie,
  },
  data() {
    return {
      form: {
        name: 'FTP服务器',
        id: '202102-2787',
        department: '运维管理',
        owner: '王刚',
        lastUpdatetime: '2021-02-21',
        safeLevel: '74',
        softwareNum: 154,
        isTest: '否',
        system: 'linux centos',
        affectNum: 12,
        IP: '192.168.1.2',
        softwares: '',
      },
    }
  },
}
</script>
<style scoped>
</style>
